<template>
    <div>
        <el-container>
            <el-aside width="20px"></el-aside>
            <el-main>
                <el-table :data="tableData" border>
                    <el-table-column
                            prop="reportNumber"
                            label="理赔单号"
                            width="250">
                    </el-table-column>
                    <el-table-column
                            prop="content"
                            label="内容详情"
                            width="300">
                    </el-table-column>
                    <el-table-column
                            prop="reportTime"
                            label="报案日期"
                            width="300">
                    </el-table-column>
                    <el-table-column
                            prop="carOrderStatus"
                            label="审核状态"
                            width="300">
                    </el-table-column>
                    <!--                    <el-table-column label="操作" width="350">
                                            <template slot-scope="scope">
                                                <el-button
                                                        style="margin-right: 10px"
                                                        size="mini"
                                                        @click="downloadpic(scope.row)">下载电子保单</el-button>
                                                <el-button
                                                        style="margin-right: 10px"
                                                        size="mini"
                                                        @click="baodandetails(scope.row)">查看详情</el-button>
                                                <el-button
                                                        style="margin-right: 10px"
                                                        size="mini"
                                                        @click="lipeidan(scope.row)">关联理赔单</el-button>
                                            </template>
                                        </el-table-column>-->

                </el-table>
            </el-main>
        </el-container>
    </div>
</template>

<script>
export default {
    name: "guanlianlipei",
    data() {
        return {
            tableData: [],
        }
    },
    created() {
        this.init();
    },
    methods:{
        init(){
            let vm = this;
            this.axios({
                url: '/myapi/user/claim/listClaim/'+vm.$store.state.baodanid,
                method: 'get'
            }).then(function (response) {
                if(response.data.success === true){
                    vm.tableData = response.data.content;
                    console.log(vm.tableData);
                }
                else {
                    vm.$message.error('失败');
                }
            });
        }
    }

}
</script>

<style scoped>

</style>
